<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta name="viewport" content="width=device-width,minimum-scale=1,user-scalable=no,maximum-scale=1.0,initial-scale=1.0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="renderer" content="webkit">
    <meta name="layoutmode" content="standard">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--uc浏览器判断到页面上文字居多时，会自动放大字体优化移动用户体验。添加以下头部可以禁用掉该优化-->
    <meta name="wap-font-scale" content="no">

    <meta content="telephone=no" name="format-detection" />
    <meta http-equiv="Pragma" content="no-cache">
    <title>暂未开通模板</title>
<script src='https://img.kq36.com.cn/kq159/themes/js/jquery-1.7.2.min.js'></script>  
    <!--    <link href="themes/css/common.css" rel="stylesheet" />-->
    <style>
        .wrap {
            margin: 0 auto;
            max-width: 640px;
            left: 0;
            top: 0;
            overflow-x: hidden;
            width: 100%;
            min-height: 100%;
        }

        ::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(0,0,0,0.1);
        }

        ::-webkit-scrollbar {
            width: 4px;
            height: 4px;
        }

        ::-webkit-scrollbar-thumb {
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
        }

        .wrap .loading {
            z-index: 9999;
            position: fixed;
            width: 100%;
            max-width: 640px;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0 auto;
            background: rgba(0,0,0,.5)!important;
        }

            .wrap .loading .splashscreen {
                position: absolute;
                -webkit-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                -moz-transform: translateX(-50%) translateY(-50%);
                -o-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-60%) translateY(-50%);
                top: 50%;
                left: 50%;
                display: block;
            }

        .loading .ui-loader {
            opacity: .85;
        }

            .loading .ui-loader .ui-icon {
                position: static;
                display: block;
                opacity: .9;
                width: 3rem;
                background-color: transparent;
            }

        .webLeft, .webRight {
            display: none;
        }

        u {
            text-decoration: underline;
        }

        @media only screen and (min-width:640px) {
            .webLeft, .webRight {
                position: fixed;
                display: block;
                width: calc(50% - 320px);
                height: 100%;
                top: 0;
                z-index: 999;
                background: #282828;
            }

            .webLeft {
                left: 0;
            }

            .webRight {
                right: 0;
            }
        }

        .spin {
            -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
            -webkit-animation: spin 1s infinite;
            -ms-animation: spin 1s infinite;
            -moz-animation: spin 1s infinite;
            -o-animation: spin 1s infinite;
            animation: spin 1s infinite;
        }

        @-webkit-keyframes spin {
            from {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            to {
                -webkit-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @-moz-keyframes spin {
            from {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            to {
                -webkit-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @-ms-keyframes spin {
            from {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            to {
                -webkit-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @-o-keyframes spin {
            from {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            to {
                -webkit-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        .loading .ui-icon-loading {
            background-image: url(../images/loading.png);
            border-radius: 1rem;
            background-size: 3rem 3rem;
        }

        .tip {
            text-align: center;
            line-height: 100px;
        }
    </style>
</head>

<body>

    <div class="webLeft"></div>
    <!--wrap-->
    <div id="wrap" class="wrap">
        <div class="tip">模板暂未开通！</div>
    </div>
    <div class="webRight"></div>


</body>



</html>
